
<div class="note note-info">
    <?php var_dump($adminInfo);?>
    <p> A black page template with a minimal dependency assets to use as a base for any custom page you create </p>
</div>

<div class="col-md-12">
    <!-- BEGIN VALIDATION STATES-->
    <div class="portlet light portlet-fit portlet-form bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-bubble font-green"></i>
                <span class="caption-subject font-green bold uppercase">Validation Using Icons</span>
            </div>
        </div>
        <div class="portlet-body">
            <!-- BEGIN FORM-->
            <form action="#" id="form_sample_2" class="form-horizontal">
                <div class="form-body">
                    <div class="alert alert-danger display-hide">
                        <button class="close" data-close="alert"></button> You have some form errors. Please check below. </div>
                    <div class="alert alert-success display-hide">
                        <button class="close" data-close="alert"></button> Your form validation is successful! </div>
                    <div class="form-group  margin-top-20">
                        <label class="control-label col-md-2">Name
                            <span class="required"> * </span>
                        </label>
                        <div class="col-md-4">
                            <div class="input-icon right">
                                <i class="fa"></i>
                                <input type="text" class="form-control" name="name" /> </div>
                        </div>
                        <label class="control-label col-md-2">Email
                            <span class="required"> * </span>
                        </label>
                        <div class="col-md-4">
                            <div class="input-icon right">
                                <i class="fa"></i>
                                <input type="text" class="form-control" name="email" /> </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">URL
                            <span class="required"> * </span>
                        </label>
                        <div class="col-md-4">
                            <div class="input-icon right">
                                <i class="fa"></i>
                                <input type="text" class="form-control" name="url" /> </div>
                            <span class="help-block"> e.g: http://www.demo.com or http://demo.com </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Number
                            <span class="required"> * </span>
                        </label>
                        <div class="col-md-4">
                            <div class="input-icon right">
                                <i class="fa"></i>
                                <input type="text" class="form-control" name="number" /> </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Digits
                            <span class="required"> * </span>
                        </label>
                        <div class="col-md-4">
                            <div class="input-icon right">
                                <i class="fa"></i>
                                <input type="text" class="form-control" name="digits" /> </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Credit Card
                            <span class="required"> * </span>
                        </label>
                        <div class="col-md-4">
                            <div class="input-icon right">
                                <i class="fa"></i>
                                <input type="text" class="form-control" name="creditcard" /> </div>
                            <span class="help-block"> e.g: 5500 0000 0000 0004 </span>
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-3 col-md-9">
                            <button type="submit" class="btn green">Submit</button>
                            <button type="button" class="btn default">Cancel</button>
                        </div>
                    </div>
                </div>
            </form>
            <!-- END FORM-->
        </div>
    </div>
    <!-- END VALIDATION STATES-->
</div>


<div class="col-md-12">
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-bubble font-green-sharp"></i>
                <span class="caption-subject font-green-sharp bold uppercase">校验树</span>
            </div>
            <div class="actions">
                <div class="btn-group">
                    <a class="btn green-haze btn-outline btn-circle btn-sm" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Actions
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu pull-right">
                        <li>
                            <a href="javascript:;"> Option 1</a>
                        </li>
                        <li class="divider"> </li>
                        <li>
                            <a href="javascript:;">Option 2</a>
                        </li>
                        <li>
                            <a href="javascript:;">Option 3</a>
                        </li>
                        <li>
                            <a href="javascript:;">Option 4</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="portlet-body">
            <div id="tree_2" class="tree-demo"> </div>
        </div>
    </div>
</div>

<button type="button" class="btn btn-warning mt-ladda-btn ladda-button" data-style="zoom-in">
    <span class="ladda-label">Zoom In</span>
    <span class="ladda-spinner"></span><div class="ladda-progress" style="width: 0px;"></div>
</button>
